@import "base.scss";

.water-card-detail-main{
  /*图片列表*/
  .img-list{
    width: 100%;
    height: auto;
    padding: 20px 0;
    //border: 1px solid #000;

    /*多张图*/
    .swiper-container{
      height:162px;
      width:auto;

      .swiper-slide{
        height: 162px;
        width: 300px;
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      .swiper-slide-active,
      .swiper-slide-duplicate-active {
        height: 162px;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
    }

    img{
      height: 162px;
      width: 100%;
      /*<!--box-shadow: 0px 4px 8px -1px #E8EAF1;-->*/
      /*border-radius: 8px;*/
    }

    /*单张图*/
    .one-img{
      height: 202px;
      width: 100%;

      img{
        width:  300px;
      }
    }
  }
  /*图片列表*/

  /*水店详情*/
  .shop-detail {
    height: auto;

    .title {
      height: 44px;
      line-height: 44px;
      padding-left: 15px;
    }

    .shop-box {
      height: 110px;
      padding: 15px;
      box-sizing: border-box;

      img {
        display: inline-block;
        width: 80px;
        height: 80px;
        vertical-align: top;
      }

      .msg {
        width: calc(100% - 90px);
        height: 100%;
        padding-left: 2px;
        box-sizing: border-box;

        p {
          line-height: 26px;

          i{
            color: #7A7B82;
          }
        }


      }
    }
  }
  /*水店详情*/

  .btn-box {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 68px;
    width: 100%;
    padding: 12px 15px;
    box-sizing: border-box;
    z-index: 10;
  }

  /*iphone5*/
  @media screen and (max-width: 320px) and (max-height:568px){
    .img-list{
      padding: 10px 0;

      .swiper-slide{
        -webkit-transform: scale(1);
        transform: scale(1);
        width: 260px !important;
      }
    }


    .shop-detail {
      .shop-box {
        padding: 20px 15px;

        img {
          width: 70px;
          height: 70px;
        }

        .msg {
          width: calc(100% - 80px);

          p {
            line-height: 24px;
          }
        }
      }
    }

    .van-cell-group {
      margin-bottom: 78px;
    }
  }
}
